<!DOCTYPE html>
<html>
    <head>
            <title  >
              表单
        </title>
    </head>
    <body>
        <!-- form表单提交，#代表将表达传送到的地址 
        action表示提交到-->
        <form action="#">
            <!--所有单元功能必须写在form里-->
            <!--id是唯一的，name可以重复，name的作用是提交数据时的名称········-->
            用户名:
                <input type="text" id="userName" name="usrName"
            placeholder="请输入用户名">
            <br>
            密码:
                <input type="password" id="password" name="password">
            <br>
            手机号码:
                <input type="tel" id="phoneNum" name="phoneNum">
            <br>
            生日:
                <input type="date" id="birthday" name="birthday">
            <br>
            <!-- checkbox 可以多选 
              提交数据的时候以标签中的value的值进行提交 -->
            爱好:
                <input type="checkbox" id="hobby" name="hobby">篮球
                <input type="checkbox" id="hobby1" name="hobby">足球
                <input type="checkbox" id="hobby2" name="hobby">排球
                <br>
                <!-- radio是单选框，只能多选一 name的值必须要一样才能进行互斥-->
            性别:
                <input type="radio" id="sex1" name="sex">男
                <input type="radio" id="sex2" name="sex">女
            <!--  选择框 选择项
                   提交时是以option中的value值提交-->
            省份:
            <!-- value 是赋值的意思-->
            <select id="province" name="province">
                <option value="32000">江苏</option>
                <option value="31000">安徽</option>
                <option value="10000">北京</option>

            </select>
            <br>
            个人介绍:
                <textarea name="personDesc" id="personDesc"
            rows="10" cols="50" placeholder="个人说明至少200字"></textarea>
            <br>
            <input type="file" id="img" name="headImg">
            <br>
            <!-- sumbit-提交按钮 
                 reset-重置，清空表单已经操作的
                 button-普通按钮，不带有任何特性，结合javascript进行动态处理-->
            <input type="submit" value="提交">
            <input type="reset" value="取消">
            <input type="button" value="登陆">
            <br>
            <input type="hidden" value="中国" name="contry">
            <br>








        </form>
    </body>
</html>